@charset "UTF-8";
#content_progress {
  /* Positioning */
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  color: #4a494d; }
  #content_progress::-webkit-progress-bar {
    background-color: transparent; }
  #content_progress::-webkit-progress-value {
    background-color: #4a494d; }
  #content_progress::-moz-progress-bar {
    background-color: #4a494d; }

.hr-hidden {
  display: none; }

body {
  font: 14px Consolas, 'Microsoft JhengHei', 'Apple LiGothic Medium,Microsoft YaHei', 微软雅黑, Arial, sans-serif;
  background-color: #e9e9e7;
  padding: 0; }

.hr-header__top .container {
  background-color: #1e1e1e;
  height: 36px;
  line-height: 36px;
  font-size: 12px; }
  .hr-header__top .container .hr-toptips {
    height: inherit;
    color: #fff; }
    .hr-header__top .container .hr-toptips .hr-toptips__left {
      float: left;
      width: 70%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin: 0; }
    .hr-header__top .container .hr-toptips .hr-toptips__right {
      float: right;
      margin: 0; }
      .hr-header__top .container .hr-toptips .hr-toptips__right a {
        color: #fff; }

.hr-header__wrapper .container {
  background-color: #ffffff;
  clear: both; }
  .hr-header__wrapper .container .hr-header__main {
    width: 100%;
    height: 90px;
    overflow: hidden;
    line-height: 90px; }
  .hr-header__wrapper .container .hr-top__logo {
    float: left;
    width: 40%;
    height: inherit;
    overflow: hidden; }
    .hr-header__wrapper .container .hr-top__logo a {
      display: inherit;
      height: inherit; }
      .hr-header__wrapper .container .hr-top__logo a img {
        height: 80px;
        min-height: 80px; }
  .hr-header__wrapper .container .hr-top__search {
    display: inherit;
    height: inherit;
    float: right; }
    .hr-header__wrapper .container .hr-top__search .hr-search__padding {
      padding: 26px 0; }
    .hr-header__wrapper .container .hr-top__search .hr-btn__primary {
      background-color: #6c757d;
      box-shadow: 0 2px 6px 0 rgba(74, 73, 77, 0.5);
      border-color: #6c757d; }

.hr-nav__wrapper .container {
  background-color: #ffffff;
  padding: 0; }
  .hr-nav__wrapper .container .hr-navbar__nav {
    width: 100%;
    background-color: #e3e5e8; }
  .hr-nav__wrapper .container .hr-nav__item {
    height: inherit; }
    .hr-nav__wrapper .container .hr-nav__item .hr-nav__link {
      padding: 1rem;
      color: #000;
      font-weight: bold; }
      .hr-nav__wrapper .container .hr-nav__item .hr-nav__link:hover {
        background-color: #4a494d;
        color: #fff; }
  .hr-nav__wrapper .container .hr-nav__active {
    background-color: #4a494d; }
    .hr-nav__wrapper .container .hr-nav__active .hr-nav__link {
      color: #fff; }

.hr-breadcrumb__wrapper {
  margin: 10px; }
  .hr-breadcrumb__wrapper .container {
    background-color: #ffffff;
    clear: both; }
    .hr-breadcrumb__wrapper .container .breadcrumb {
      margin: 0;
      padding-left: 10px; }
      .hr-breadcrumb__wrapper .container .breadcrumb li a {
        font-weight: bold;
        color: #6c757d; }

.hr-main__wrapper .container {
  background-color: #ffffff; }
  .hr-main__wrapper .container .hr-banner {
    width: 100%;
    height: 350px; }
    .hr-main__wrapper .container .hr-banner .swiper-container {
      --swiper-theme-color: $success-color;
      /* 设置Swiper风格 */
      --swiper-navigation-color: $main-color;
      /* 单独设置按钮颜色 */
      --swiper-navigation-size: 30px;
      /* 设置按钮大小 */ }
    .hr-main__wrapper .container .hr-banner .hr-swiper {
      display: inherit;
      height: inherit; }
    .hr-main__wrapper .container .hr-banner .hr-swiper__content {
      width: 100%;
      position: absolute;
      bottom: 0;
      padding: 0 20px;
      background: rgba(0, 0, 0, 0.5);
      color: #fff; }
      .hr-main__wrapper .container .hr-banner .hr-swiper__content .hr-swiper__title {
        display: block;
        padding: 5px 0;
        font-size: 18px;
        color: #fff;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .hr-main__wrapper .container .hr-banner .hr-swiper__content .hr-swiper__desc {
        margin-bottom: 0.5rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
  .hr-main__wrapper .container .hr-main {
    margin-top: 10px;
    /*detail*/ }
    .hr-main__wrapper .container .hr-main .hr-article {
      margin-bottom: 10px; }
      .hr-main__wrapper .container .hr-main .hr-article .card-header {
        color: #000;
        font-weight: 600;
        font-size: 18px; }
      .hr-main__wrapper .container .hr-main .hr-article .card-body {
        padding: 0.5rem 1rem; }
      .hr-main__wrapper .container .hr-main .hr-article .hr-article__item {
        height: 160px;
        max-height: 160px;
        position: relative;
        padding: 10px;
        border: 1px solid #e3e5e8;
        overflow: hidden;
        margin: 10px 0; }
        .hr-main__wrapper .container .hr-main .hr-article .hr-article__item a img {
          width: 200px;
          max-width: 200px;
          height: 139px;
          float: left;
          overflow: hidden; }
        .hr-main__wrapper .container .hr-main .hr-article .hr-article__item .hr-atcitem__infos {
          height: 139px;
          font-size: 12px;
          padding: 5px 10px;
          overflow: hidden; }
          .hr-main__wrapper .container .hr-main .hr-article .hr-article__item .hr-atcitem__infos .header-title {
            font-size: 18px;
            margin: 0; }
            .hr-main__wrapper .container .hr-main .hr-article .hr-article__item .hr-atcitem__infos .header-title a {
              color: #4a494d; }
          .hr-main__wrapper .container .hr-main .hr-article .hr-article__item .hr-atcitem__infos .hr-atcitem__icongroup {
            height: 20px;
            margin: 5px 0 0 0; }
            .hr-main__wrapper .container .hr-main .hr-article .hr-article__item .hr-atcitem__infos .hr-atcitem__icongroup .hr-icongroup {
              padding-right: 5px; }
              .hr-main__wrapper .container .hr-main .hr-article .hr-article__item .hr-atcitem__infos .hr-atcitem__icongroup .hr-icongroup .hr-icon__catalog {
                color: #6c757d; }
                .hr-main__wrapper .container .hr-main .hr-article .hr-article__item .hr-atcitem__infos .hr-atcitem__icongroup .hr-icongroup .hr-icon__catalog:hover {
                  text-decoration: underline; }
          .hr-main__wrapper .container .hr-main .hr-article .hr-article__item .hr-atcitem__infos .hr-atcitem__info {
            height: 46px;
            overflow: hidden;
            margin-bottom: 10px; }
          .hr-main__wrapper .container .hr-main .hr-article .hr-article__item .hr-atcitem__infos .hr-actitem__detail {
            float: right; }
    .hr-main__wrapper .container .hr-main .hr-pagination__wrapper .hr-pagination__main {
      float: right;
      margin-top: 1rem; }
      .hr-main__wrapper .container .hr-main .hr-pagination__wrapper .hr-pagination__main li.active .page-link {
        background-color: #4a494d;
        border-color: #4a494d; }
    .hr-main__wrapper .container .hr-main .hr-atclist__wrapper .hr-article {
      height: 330px;
      margin-bottom: 10px;
      overflow: hidden; }
      .hr-main__wrapper .container .hr-main .hr-atclist__wrapper .hr-article .card-header {
        color: #000;
        font-weight: 600;
        font-size: 18px; }
      .hr-main__wrapper .container .hr-main .hr-atclist__wrapper .hr-article > .card-body {
        padding: 0.5rem 1.5rem; }
        .hr-main__wrapper .container .hr-main .hr-atclist__wrapper .hr-article > .card-body > .hr-article__item {
          height: 270px;
          max-height: 270px;
          overflow: hidden;
          margin: 0;
          padding: 0;
          border: none; }
          .hr-main__wrapper .container .hr-main .hr-atclist__wrapper .hr-article > .card-body > .hr-article__item li {
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
            height: 26px; }
            .hr-main__wrapper .container .hr-main .hr-atclist__wrapper .hr-article > .card-body > .hr-article__item li > a {
              flex-grow: 2;
              width: 70%; }
              .hr-main__wrapper .container .hr-main .hr-atclist__wrapper .hr-article > .card-body > .hr-article__item li > a:hover {
                text-decoration: underline; }
              .hr-main__wrapper .container .hr-main .hr-atclist__wrapper .hr-article > .card-body > .hr-article__item li > a > h4 {
                font-size: 14px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: #4a494d;
                margin: 0;
                padding: 0 10px; }
    .hr-main__wrapper .container .hr-main .hr-atcdtl__wrapper,
    .hr-main__wrapper .container .hr-main .hr-dtlnext__wrapper,
    .hr-main__wrapper .container .hr-main .hr-dtldown__wrapper,
    .hr-main__wrapper .container .hr-main .hr-atclist__wrapper,
    .hr-main__wrapper .container .hr-main .hr-dtllike__wrapper,
    .hr-main__wrapper .container .hr-main .hr-flink__wrapper {
      margin-bottom: 10px;
      overflow: hidden; }
      .hr-main__wrapper .container .hr-main .hr-atcdtl__wrapper .card-header,
      .hr-main__wrapper .container .hr-main .hr-dtlnext__wrapper .card-header,
      .hr-main__wrapper .container .hr-main .hr-dtldown__wrapper .card-header,
      .hr-main__wrapper .container .hr-main .hr-atclist__wrapper .card-header,
      .hr-main__wrapper .container .hr-main .hr-dtllike__wrapper .card-header,
      .hr-main__wrapper .container .hr-main .hr-flink__wrapper .card-header {
        color: #000;
        font-weight: 600;
        font-size: 18px; }
    .hr-main__wrapper .container .hr-main .hr_atcdtl__main .hr-atcdtl__title {
      display: inherit;
      text-align: center;
      color: #6c757d;
      text-shadow: 0 0 10px; }
    .hr-main__wrapper .container .hr-main .hr_atcdtl__main .hr-atcdtl__content .hr-atcdtl__infos {
      text-align: center; }
    .hr-main__wrapper .container .hr-main .hr_atcdtl__main .hr-atcdtl__content .article-lisence {
      border: 1px dashed #6c757d;
      padding: 5px 15px 15px;
      background-color: #e9e9e7; }
      .hr-main__wrapper .container .hr-main .hr_atcdtl__main .hr-atcdtl__content .article-lisence h4 {
        text-align: center;
        border-bottom: 1px dashed;
        padding-bottom: 15px; }
    .hr-main__wrapper .container .hr-main .hr-dtlnext__wrapper .hr-page__text .hr-page__pre,
    .hr-main__wrapper .container .hr-main .hr-dtlnext__wrapper .hr-page__text .hr-page__next {
      height: 32px;
      line-height: 32px;
      font-size: 16px;
      color: #4a494d; }
      .hr-main__wrapper .container .hr-main .hr-dtlnext__wrapper .hr-page__text .hr-page__pre a,
      .hr-main__wrapper .container .hr-main .hr-dtlnext__wrapper .hr-page__text .hr-page__next a {
        color: #000; }
        .hr-main__wrapper .container .hr-main .hr-dtlnext__wrapper .hr-page__text .hr-page__pre a:hover,
        .hr-main__wrapper .container .hr-main .hr-dtlnext__wrapper .hr-page__text .hr-page__next a:hover {
          text-decoration: underline;
          color: #91c91a; }
    .hr-main__wrapper .container .hr-main .hr-atclist__wrapper {
      box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
      padding: 0; }
    .hr-main__wrapper .container .hr-main .hr-flink__wrapper .card-body a {
      color: #6c757d; }
      .hr-main__wrapper .container .hr-main .hr-flink__wrapper .card-body a:hover {
        text-decoration: underline;
        color: #000; }
  .hr-main__wrapper .container .hr-aside {
    margin-top: 10px; }
    .hr-main__wrapper .container .hr-aside .hr-connect__wrapper {
      margin-bottom: 10px; }
      .hr-main__wrapper .container .hr-aside .hr-connect__wrapper .card-header {
        color: #000;
        font-weight: 600;
        font-size: 18px; }
    .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper {
      margin-bottom: 10px; }
      .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-header {
        color: #000;
        font-weight: 600;
        font-size: 18px; }
      .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body {
        padding: 0.5rem 1.5rem; }
        .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body ul {
          position: relative;
          overflow: hidden;
          padding: 0; }
          .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body ul li {
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
            height: 26px; }
            .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body ul li:nth-child(1) > i {
              background-color: #91c91a; }
            .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body ul li:nth-child(2) > i {
              background-color: #02aaff; }
            .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body ul li:nth-child(3) > i {
              background-color: #ffc447; }
            .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body ul li > i {
              padding: 0px 5px;
              background-color: #6c757d;
              color: #fff;
              box-shadow: 0 0 5px 0 rgba(49, 58, 70, 0.5); }
            .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body ul li > a {
              flex-grow: 2;
              margin: 0 5px;
              width: 70%; }
              .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body ul li > a:hover {
                text-decoration: underline; }
              .hr-main__wrapper .container .hr-aside .hr-atctop__wrapper .card-body ul li > a > h4 {
                font-size: 14px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: #4a494d;
                margin: 0; }
    .hr-main__wrapper .container .hr-aside .hr-atcad__wrapper {
      margin-bottom: 10px; }
      .hr-main__wrapper .container .hr-aside .hr-atcad__wrapper .card-header {
        color: #000;
        font-weight: 600;
        font-size: 18px; }
    .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper {
      margin-bottom: 10px; }
      .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-header {
        color: #000;
        font-weight: 600;
        font-size: 18px; }
      .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-body {
        padding: 0.5rem 1.5rem;
        margin-bottom: 10px; }
        .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-body ul {
          position: relative;
          overflow: hidden;
          padding: 0; }
          .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-body ul li {
            position: relative;
            width: 100%;
            height: 60px;
            line-height: 60px;
            white-space: nowrap;
            word-wrap: normal;
            text-overflow: ellipsis;
            overflow: hidden;
            border-bottom: 1px solid #e9ecef; }
            .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-body ul li > i {
              padding: 0px 5px;
              background-color: #6c757d;
              color: #fff;
              box-shadow: 0 0 5px 0 rgba(49, 58, 70, 0.5); }
            .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-body ul li > a {
              display: block;
              position: relative;
              width: 100%;
              height: 60px;
              line-height: 60px;
              padding-top: 10px;
              padding-bottom: 10px;
              overflow: hidden; }
              .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-body ul li > a:hover {
                padding-left: 6px;
                transition: ease-in-out 0.3s; }
                .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-body ul li > a:hover > h4 {
                  text-decoration: underline; }
              .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-body ul li > a > .cmd-time {
                display: inline-block;
                width: 30%;
                height: 40px;
                line-height: 40px;
                text-align: center;
                background: #e9e9e7;
                color: #6c757d;
                float: left; }
              .hr-main__wrapper .container .hr-aside .hr-atclike__wrapper .card-body ul li > a > h4 {
                display: inline-block;
                float: right;
                width: 70%;
                height: 40px;
                line-height: 20px;
                overflow: hidden;
                font-size: 14px;
                color: #3f3f3f;
                padding: 0;
                padding-left: 9pt;
                white-space: normal;
                margin: 0; }
    .hr-main__wrapper .container .hr-aside .hr-badge__wrapper {
      margin-bottom: 10px; }
      .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-header {
        color: #000;
        font-weight: 600;
        font-size: 18px; }
      .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body {
        padding: 0.5rem 1.5rem;
        margin-bottom: 10px; }
        .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body span {
          padding: 5px 10px;
          margin: 5px 0;
          cursor: pointer;
          margin-left: 5px; }
          .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body span a {
            color: #fff; }
        .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body .badge-bg1 {
          background-image: linear-gradient(135deg, #e2b0ff 10%, #9f44d3 100%); }
        .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body .badge-bg3 {
          background-image: linear-gradient(135deg, #2afadf 10%, #4c83ff 100%); }
        .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body .badge-bg4 {
          background-image: linear-gradient(135deg, #79f1a4 10%, #0e5cad 100%); }
        .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body .badge-bg2 {
          background-image: linear-gradient(135deg, #ffd3a5 10%, #fd6585 100%); }
        .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body .badge-bg6 {
          background-image: linear-gradient(135deg, #fd6e6a 10%, #ffc600 100%); }
        .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body .badge-bg5 {
          background-image: linear-gradient(135deg, #70f570 10%, #49c628 100%); }
        .hr-main__wrapper .container .hr-aside .hr-badge__wrapper .card-body .badge-bg7 {
          background-image: linear-gradient(135deg, #ff96f9 10%, #c32bac 100%); }
  .hr-main__wrapper .container .hr-main__footer .hr-flink__wrapper {
    margin-bottom: 10px; }
    .hr-main__wrapper .container .hr-main__footer .hr-flink__wrapper .card-header {
      color: #000;
      font-weight: 600;
      font-size: 18px; }
    .hr-main__wrapper .container .hr-main__footer .hr-flink__wrapper .card-body {
      padding: 0.5rem 1.5rem; }
      .hr-main__wrapper .container .hr-main__footer .hr-flink__wrapper .card-body ul {
        padding: 0;
        margin: 10px 0; }
        .hr-main__wrapper .container .hr-main__footer .hr-flink__wrapper .card-body ul li a {
          color: #6c757d; }
          .hr-main__wrapper .container .hr-main__footer .hr-flink__wrapper .card-body ul li a:hover {
            text-decoration: underline;
            color: #000; }

.hr-footer__wrapper {
  margin-top: 10px;
  padding: 50px 0;
  background-color: #1e1e1e; }
  .hr-footer__wrapper .hr-footer__main {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around; }
    .hr-footer__wrapper .hr-footer__main .hr-footer__left a img {
      height: 80px; }
    .hr-footer__wrapper .hr-footer__main .hr-footer__right {
      color: #a0a0a0; }
      .hr-footer__wrapper .hr-footer__main .hr-footer__right a {
        color: #a0a0a0; }
        .hr-footer__wrapper .hr-footer__main .hr-footer__right a:hover {
          text-decoration: underline; }
      .hr-footer__wrapper .hr-footer__main .hr-footer__right p {
        margin-bottom: 0.3rem; }
